<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="发票管理" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<view class="tabs flex-row-space-between">
			<view class="tabsItem flex-row-flex-start">
				<view class="tabsItemText">
					全部
				</view>
				<image class="tabsItemIcon" src="../static/login_down.png"></image>
			</view>
			<view class="tabsItem1 flex-row-flex-end">
				<view v-if="isEditStatus==true" class="tabsItemText">
					删除
				</view>
				<view v-if="isEditStatus==true" @click="editClick" class="tabsItemText">
					取消
				</view>
				<view v-if="isEditStatus==false" @click="editClick" class="tabsItemText">
					编辑
				</view>
			</view>
		</view>
		<view class="listView">
			<view class="listViewItem" v-for="index in 10" :key="index">
				<view class="listViewItem1 flex-row-space-between">
					<view class="flex-row-flex-start">
						<image v-if="isEditStatus==true" class="isChoose"></image>
						<image class="pdfIcon" src="/pageB/static/b_pdf.png"></image>
						<view class="">
							<view class="listViewItemTime">
								2024-03-06 17:00
							</view>
							<view class="listViewItemType">
								票据名称:刑事案件
							</view>
						</view>
					</view>
					<view v-if="isEditStatus==false" @click="listViewItemClick(index)" class="listViewItem1b">
						查看
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				
				isEditStatus:false
			}
		},
		methods: {
			editClick(){
				this.isEditStatus = !this.isEditStatus
			},
			listViewItemClick(index){
				
			}
		}
	}
</script>

<style>
	.listViewItem1b{
		margin-right: 24rpx;
		width: 160rpx;
		height: 64rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		border: 2rpx solid;
		border-image: linear-gradient(136deg, rgba(233, 53, 72, 1), rgba(243, 91, 67, 1)) 2 2;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #EB2B3B;
		line-height: 64rpx;
		text-align: center;
	}
	.listViewItemType{
		margin-top: 14rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
	}
	.listViewItemTime{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
	.pdfIcon{
		width: 100rpx;
		height: 100rpx;
	}
	.isChoose{
		margin-left: 10rpx;
		margin-right: 20rpx;
		background-color: aquamarine;
		width: 36rpx;
		height: 36rpx;
	}
	.listViewItem{
		margin-left: 24rpx;
		margin-top: 20rpx;
		padding-left: 20rpx;
		padding-top: 15rpx;
		padding-bottom: 15rpx;
		width: 682rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.04);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}
	.listView{
		padding-top: 10rpx;
		padding-bottom: 100rpx;
	}
	.tabsItemIcon{
		width: 20rpx;
		height: 10rpx;
	}
	.tabsItemText{
		margin-left: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
	}
	.tabsItem{
		width: 375rpx;
		height: 98rpx;
		background: #FFFFFF;
	}
	.tabsItem1{
		margin-right: 24rpx;
		width: 351rpx;
		height: 98rpx;
		background: #FFFFFF;
	}
	.tabs{
		width: 750rpx;
		height: 98rpx;
		background: #FFFFFF;
	}
page{
	background-color: #FAF7F8;
}
</style>
